<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>6.5</title>
</head>
<body>
    
    <div id="app">
        <!-- 多行文本 -->
        <!-- <textarea name="" id="" cols="30" rows="10" v-model="msg"></textarea> -->
        <br>
        <!-- 多选框 -->
        <input type="checkbox" value="看电影" v-model="checked"/>
        <input type="checkbox" value="打游戏" v-model="checked"/>
        <input type="checkbox" value="音乐" v-model="checked"/>
        <span>lisa:{{ checked }}</span>
        <br>
        <input type="radio" value="男" v-model="picked"/>男
        <input type="radio" value="女" v-model="picked"/>女
        <span>lisa:{{picked}}</span>
        <!-- 选择列表
        单选列表 -->
        <br>
        <select v-model="selected">
            <option disabled value="">请选择</option>
            <option>河北</option>
            <option>山西</option>
            <option>北京</option> 
        </select>
        <span>{{ selected }}</span>
        <br>
        <!-- 多选列表（绑定到一个数组）： -->
        <div id="example-6">
            <select v-model="selected" multiple style="width: 50px">
            <option>A</option>
            <option>B</option>
            <option>C</option>
            </select>
            <br>
            <span>Selected: {{ selected }}</span>
        </div> 
        <br>
        <!-- 复选框 -->
        <!-- <input type="checkbox" v-model="toggle" v-bind:true-value="a" v-bind:false-value="b">  -->


           
           
           
           




    </div>

    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
    <script>
        let app = new Vue({
            el:"#app",
            data:{
                msg:'',
                checked:[],
                picked: '',
                selected:'',
                selected: [],
                toggle:''
            },
            methods:{
                toggle:function(){
                    console.log(this.a);
                }

            }
        })
    </script>

</body>
</html>